<template>
    <div id="home">
        <Navigation v-bind:navigationData="navigationData"></Navigation>
        <img alt="Vue logo" src="@/assets/logo.png">
        <HelloWorld v-bind:msg='data' v-bind:tableValue="tableValue"/>

        <input type="number" v-model="inValue"/>

        <input type="button" value="显示输入框的值" v-on:click="showValue"/>
    </div>
</template>
<script>
    import HelloWorld from '@/components/HelloWorld.vue'
    import Navigation from '@/components/Navigation.vue'
    export default{
        name: 'home',
        components: {
            HelloWorld,
            Navigation
        },
        data() {
            return {
                data: "1232222222222222222222",
                tableValue: [2, 3, 4, 5],
                navigationData: [
                    {
                        "id": 1,
                        "text": '首页'
                    },
                    {
                        "id": 2,
                        "text": '查询页面'
                    }
                ],
                inValue: ""
            }
        },
        methods: {
            showValue() {
                alert(this.inValue);
            }
        }
    }


</script>